

$(function() {

    //移动端头部二级下拉
    $(".navbar-nav>li>a").click(function(){
        $(this).siblings(".collapse_lis").slideToggle(500);
        $(this).parent('li').siblings(".navbar-nav>li").find(".collapse_lis").stop(true).slideUp(500)
    })

    //导航栏搜索点击出现input
    $('.headerSearch').hover(function(){
        $(this).stop(true).addClass('on');
    },function(){
        $(this).stop(true).removeClass('on');
    })

    //导航栏鼠标悬停
    $('.header').hover(function(){
        $('.header').addClass('on');
    },function(){
        if ($(window).scrollTop() > 300) {
            $('.header').stop(true).addClass('on');
        }else{
            $('.header').stop(true).removeClass('on');
        }
    })
    // 导航栏一级菜单悬停出现二级下拉
    $('.headerNav li').hover(function(){
        $(this).find('.headerDown').stop(true).slideDown(300);
    },function(){
        $(this).find('.headerDown').stop(true).slideUp(300);
    })
    
    //添加缓动效果
    $('.transitionDelay').each(function(){   
        for (var i = 0; i < $(this).children('*').length; i++) {
            $(this).children('*').eq(i).css('transitionDelay',''+ i * 0.2 +'s');
        }
    });
    $('.transitionDelay2').each(function(){   
        for (var i = 0; i < $(this).children('*').length; i++) {
            $(this).children('*').eq(i).css('transitionDelay',''+ ((i * 0.3) + 0.6) +'s');
        }
    });
    $('.transitionDelay3').each(function(){   
        for (var i = 0; i < $(this).children('*').length; i++) {
            $(this).children('*').eq(i).css('transitionDelay',''+ ((i * 0.15) + 0.6) +'s');
        }
    });

})

$(window).ready(function(){
    //禁用滚动事件
    $('html,body').css({'height':'100%','overflow':'hidden'})
})
$(window).load(function(){
    $('.pageLoading').addClass('on');
    setTimeout(function(){
        $('.pageLoading').fadeOut(600);
        //禁用滚动事件
        setTimeout(function(){
            //启用滚动事件
            $('html,body').css({'height':'auto','overflow-y':'scroll'})
        },600)
    },1000)
})
$(window).resize(function(){
    
})

$(window).scroll(function () {
    var h = $(window).scrollTop()
    
    //屏幕下拉导航栏变化
    if (h > 300) {
        $('.header').addClass('on');
    }else{
        $('.header').removeClass('on');
    }


    for (var i = 0; i < $('.warpper>div').length; i++) {
        if(h > $('.warpper>div').eq(i).offset().top - $(window).height() / 1.3) {
            $('.warpper>div').eq(i).addClass('on');
        }
    }
})
